<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/font/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <div class="logo">
            <h1>
                <a href="#">职创未来</a>
            </h1>
        </div>

        <div class="nav">

            <!-- 导航条 -->
            <ul class="nav-left">
                <li><a class="active" href="#">首页</a></li>
                <li><a href="./page/online.html" target="_blank">在线课程</a></li>
                <li><a href="./page/teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./page/student.html" target="_blank">学员风采</a></li>
                <li><a href="./page/job.html" target="_blank">就业信息</a></li>
                <li><a href="./page/info.html" target="_blank">资讯动态</a></li>
                <li><a href="./page/about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 联系人 -->
            <div class="contacts">
                15335890027 <br>
                <span>customer@whccf.cn</span>
            </div>
        </div>
    </div>

    <!-- 主体 -->
    <div class="main">
        <div class="home-section-bg">
            <!-- 轮播图 -->
            <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="true">
                <!-- 底部指示器 -->
                <div class="carousel-indicators">
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
                        class="active" aria-current="true" aria-label="Slide 1"></button>
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                        aria-label="Slide 2"></button>
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                        aria-label="Slide 3"></button>
                </div>
                <div class="carousel-inner">
                    <!-- banner 1 -->
                    <div class="carousel-item active">
                        <img src="./assets/uploads/home_banner1.webp" class="d-block w-100" alt="...">
                    </div>
                    <!-- banner 2 -->
                    <div class="carousel-item">
                        <img src="./assets/uploads/home_banner2.webp" class="d-block w-100" alt="...">
                    </div>
                    <!-- banner 3 -->
                    <div class="carousel-item">
                        <img src="./assets/uploads/home_banner3.webp" class="d-block w-100" alt="...">
                    </div>
                </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
                    data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
                    data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
            <!-- 课程入口 -->
            <ul class="course-list wrapper">
                <li class="item-course">
                    <a href="./page/linux.html" target="_blank">
                        <img src="./assets/image/icon-linux.webp" alt="">
                        <h3>物联网AIOT</h3>
                    </a>
                </li>
                <li class="item-course">
                    <a href="./page/java.html" target="_blank">
                        <img src="./assets/image/icon-java.webp" alt="">
                        <h3>Java全栈开发</h3>
                    </a>
                </li>
                <li class="item-course">
                    <a href="./page/harmony.html" target="_blank">
                        <img src="./assets/image/icon-harmony.webp" alt="">
                        <h3>鸿蒙应用开发</h3>
                    </a>
                </li>
                <li class="item-course">
                    <a href="./page/ui.html" target="_blank">
                        <img src="./assets/image/icon-ui.webp" alt="">
                        <h3>UI全链路设计</h3>
                    </a>
                </li>
            </ul>
            <!-- 保障学员就业 -->
            <div class="guarantee wrapper">
                <h2 class="com-title">保障学员就业</h2>
                <h4 class="com-subtitle">从入学到就业，职创始终在你身边，助力学员顺利入职</h4>
                <ul class="guarantee-list wrapper">
                    <li class="item-guarantee"><img src="./assets/uploads/guarantee_one.webp" alt=""></li>
                    <li class="item-guarantee"><img src="./assets/uploads/guarantee_two.webp" alt=""></li>
                    <li class="item-guarantee"><img src="./assets/uploads/guarantee_three.webp" alt=""></li>
                    <li class="item-guarantee"><img src="./assets/uploads/guarantee_four.webp" alt=""></li>
                </ul>
            </div>
        </div>
        <!-- 线下课程 -->
        <div class="offline">
            <h2 class="com-title">线下课程·您的职业化进阶之旅</h2>
            <h4 class="com-subtitle">帮助学员掌握各种工具和技术，并培养解决问题和创新思维</h4>
            <!-- 课程列表 -->
            <ul class="class-list wrapper">
                <li class="item-class active">
                    <img src="./assets/image/icon-linux.webp" alt="">
                    <h3>物联网AIOT</h3>
                </li>
                <li class="item-class">
                    <img src="./assets/image/icon-java.webp" alt="">
                    <h3>Java全栈开发</h3>
                </li>
                <li class="item-class">
                    <img src="./assets/image/icon-harmony.webp" alt="">
                    <h3>鸿蒙应用开发</h3>
                </li>
                <li class="item-class">
                    <img src="./assets/image/icon-ui.webp" alt="">
                    <h3>UI全链路设计</h3>
                </li>
            </ul>
            <!-- 课程内容列表 -->
            <ul class="class-content-list wrapper">
                <!-- 物联网嵌入式课程内容 -->
                <li class="item-class-content active">
                    <ul class="single-class-content-list">
                        <!-- 就业统计 -->
                        <li class="item-single-class-content">
                            <h4>就业统计</h4>
                            <ul class="job-list">
                                <li class="item-job">
                                    <h5>100%</h5>
                                    <p>22个工作日内就业率</p>
                                </li>
                                <li class="item-job">
                                    <h5>18.8%</h5>
                                    <p>培训生身份求职比例</p>
                                </li>
                                <li class="item-job">
                                    <h5>8980￥</h5>
                                    <p>平均薪资</p>
                                </li>
                            </ul>
                        </li>

                        <!-- 学科介绍 -->
                        <li class="item-single-class-content">
                            <h4>学科介绍</h4>
                            <p>Java开发作为职创未来创立之初的主流面授课程之一，
                                严格按照职创未来独有的PBET课程体系进行授课。8.0版本学员至少需要完成8个项目。
                                以项目作为驱动进行教学任务的实施，让学员了解并掌握面向过程、面向对象与集合、
                                IO流与数据持久化、数据库与JDBC、Servlet与Web等等技术。
                            </p>
                        </li>
                        <!-- 开班计划 -->
                        <li class="item-single-class-content">
                            <h4>开班计划</h4>
                            <ul class="schedule-list">
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                            </ul>
                        </li>
                        <!-- 资料导航 -->
                        <li class="item-single-class-content">
                            <h4>资料导航</h4>
                            <ul class="info-list">
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>课程大纲</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>教学团队</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>就业信息</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>项目案例</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- Java全栈开发课程内容 -->
                <li class="item-class-content">
                    <ul class="single-class-content-list wrapper">
                        <!-- 就业统计 -->
                        <li class="item-single-class-content">
                            <h4>就业统计</h4>
                            <ul class="job-list">
                                <li class="item-job">
                                    <h5>22%</h5>
                                    <p>17个工作日内就业率</p>
                                </li>
                                <li class="item-job">
                                    <h5>88.8%</h5>
                                    <p>培训生身份求职比例</p>
                                </li>
                                <li class="item-job">
                                    <h5>18980￥</h5>
                                    <p>平均薪资</p>
                                </li>
                            </ul>
                        </li>

                        <!-- 学科介绍 -->
                        <li class="item-single-class-content">
                            <h4>学科介绍</h4>
                            <p>Java开发作为职创未来创立之初的主流面授课程之一，
                                严格按照职创未来独有的PBET课程体系进行授课。8.0版本学员至少需要完成8个项目。
                                以项目作为驱动进行教学任务的实施，让学员了解并掌握面向过程、面向对象与集合、
                                IO流与数据持久化、数据库与JDBC、Servlet与Web等等技术。
                            </p>
                        </li>
                        <!-- 开班计划 -->
                        <li class="item-single-class-content">
                            <h4>开班计划</h4>
                            <ul class="schedule-list">
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                            </ul>
                        </li>
                        <!-- 资料导航 -->
                        <li class="item-single-class-content">
                            <h4>资料导航</h4>
                            <ul class="info-list">
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>课程大纲</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>教学团队</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>就业信息</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>项目案例</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- 鸿蒙生态课程内容 -->
                <li class="item-class-content">
                    <ul class="single-class-content-list wrapper">
                        <!-- 就业统计 -->
                        <li class="item-single-class-content">
                            <h4>就业统计</h4>
                            <ul class="job-list">
                                <li class="item-job">
                                    <h5>100%</h5>
                                    <p>22个工作日内就业率</p>
                                </li>
                                <li class="item-job">
                                    <h5>18.8%</h5>
                                    <p>培训生身份求职比例</p>
                                </li>
                                <li class="item-job">
                                    <h5>8980￥</h5>
                                    <p>平均薪资</p>
                                </li>
                            </ul>
                        </li>

                        <!-- 学科介绍 -->
                        <li class="item-single-class-content">
                            <h4>学科介绍</h4>
                            <p>Java开发作为职创未来创立之初的主流面授课程之一，
                                严格按照职创未来独有的PBET课程体系进行授课。8.0版本学员至少需要完成8个项目。
                                以项目作为驱动进行教学任务的实施，让学员了解并掌握面向过程、面向对象与集合、
                                IO流与数据持久化、数据库与JDBC、Servlet与Web等等技术。
                            </p>
                        </li>
                        <!-- 开班计划 -->
                        <li class="item-single-class-content">
                            <h4>开班计划</h4>
                            <ul class="schedule-list">
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                            </ul>
                        </li>
                        <!-- 资料导航 -->
                        <li class="item-single-class-content">
                            <h4>资料导航</h4>
                            <ul class="info-list">
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>课程大纲</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>教学团队</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>就业信息</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>项目案例</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- UI全链路设计课程内容 -->
                <li class="item-class-content">
                    <ul class="single-class-content-list wrapper">
                        <!-- 就业统计 -->
                        <li class="item-single-class-content">
                            <h4>就业统计</h4>
                            <ul class="job-list">
                                <li class="item-job">
                                    <h5>100%</h5>
                                    <p>22个工作日内就业率</p>
                                </li>
                                <li class="item-job">
                                    <h5>18.8%</h5>
                                    <p>培训生身份求职比例</p>
                                </li>
                                <li class="item-job">
                                    <h5>8980￥</h5>
                                    <p>平均薪资</p>
                                </li>
                            </ul>
                        </li>

                        <!-- 学科介绍 -->
                        <li class="item-single-class-content">
                            <h4>学科介绍</h4>
                            <p>Java开发作为职创未来创立之初的主流面授课程之一，
                                严格按照职创未来独有的PBET课程体系进行授课。8.0版本学员至少需要完成8个项目。
                                以项目作为驱动进行教学任务的实施，让学员了解并掌握面向过程、面向对象与集合、
                                IO流与数据持久化、数据库与JDBC、Servlet与Web等等技术。
                            </p>
                        </li>
                        <!-- 开班计划 -->
                        <li class="item-single-class-content">
                            <h4>开班计划</h4>
                            <ul class="schedule-list">
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                                <li class="item-schedule">
                                    武汉&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2024-04-28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预约
                                </li>
                            </ul>
                        </li>
                        <!-- 资料导航 -->
                        <li class="item-single-class-content">
                            <h4>资料导航</h4>
                            <ul class="info-list">
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>课程大纲</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>教学团队</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>就业信息</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                                <li class="item-info">
                                    <a href="./page/linux.html">
                                        <h6>项目案例</h6>
                                        <img src="./assets/image/arrow-right.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
            <script>
                const tabs = document.querySelectorAll(".class-list .item-class");
                const tab_contents = document.querySelectorAll(".class-content-list .item-class-content");

                tabs.forEach((tab, index) => {
                    tab.addEventListener('click', () => {
                        tabs.forEach(tab => {
                            tab.classList.remove('active');
                        })
                        tab_contents.forEach(tab_content => {
                            tab_content.classList.remove('active');
                        })

                        tab.classList.add('active');
                        tab_contents[index].classList.add('active');
                    })
                })
            </script>
        </div>
        <!-- 教学团队 -->
        <div class="team wrapper">
            <h2 class="com-title">我们的教学团队</h2>
            <h4 class="com-subtitle">汇聚重量级大咖，强师分阶段精讲</h4>

            <ul class="teacher-list">
                <li class="item-teacher">
                    <img src="./assets/image/xia.webp" alt="">
                    <h5 class="title">夏老师</h5>
                    <p class="course">AIOT高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/zai.webp" alt="">
                    <h5 class="title">翟老师</h5>
                    <p class="course">鸿蒙高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/wang.webp" alt="">
                    <h5 class="title">汪老师</h5>
                    <p class="course">AIOT高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/sun.webp" alt="">
                    <h5 class="title">孙老师</h5>
                    <p class="course">AIOT高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/song.webp" alt="">
                    <h5 class="title">宋老师</h5>
                    <p class="course">AIOT高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/mo.webp" alt="">
                    <h5 class="title">莫老师</h5>
                    <p class="course">AIOT高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/luo.webp" alt="">
                    <h5 class="title">罗老师</h5>
                    <p class="course">AIOT高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/huang.webp" alt="">
                    <h5 class="title">黄老师</h5>
                    <p class="course">鸿蒙高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/li.webp" alt="">
                    <h5 class="title">李老师</h5>
                    <p class="course">AIOT高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/xia.webp" alt="">
                    <h5 class="title">夏老师</h5>
                    <p class="course">AIOT高级讲师</p>

                </li>
                <li class="item-teacher">
                    <img src="./assets/image/zai.webp" alt="">
                    <h5 class="title">翟老师</h5>
                    <p class="course">鸿蒙高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/wang.webp" alt="">
                    <h5 class="title">汪老师</h5>
                    <p class="course">AIOT高级讲师</p>
                </li>
                <li class="item-teacher">
                    <img src="./assets/image/sun.webp" alt="">
                    <h5 class="title">孙老师</h5>
                    <p class="course">AIOT高级讲师</p>
                </li>
            </ul>

            <a class="more wrapper" href="./page/teacher.html" target="_blank">
                查看更多
                <span class="iconfont icon-arrow-right"> </span>
            </a>
        </div>
        <!-- 就业概况 -->
        <div class="environment">
            <h2 class="com-title">就业概况</h2>
            <h4 class="com-subtitle">加强协同发展，输出行业多元创新人才</h4>
            <div class="employment wrapper">
                <h5 class="title">近期就业信息</h5>
                <div class="job-header">
                    <span>姓名</span>
                    <span>学历</span>
                    <span>专业</span>
                    <span>就业公司</span>
                    <span>入职岗位</span>
                    <span>年薪</span>
                    <span>就业城市</span>
                </div>
                <div class="job-main">
                    <ul class="job-list">
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>李梦*</span>
                            <span>本科</span>
                            <span>商务英语</span>
                            <span>上海**股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>上海</span>
                        </li>
                        <li class="item-job">
                            <span>王*龙</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*见</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>武*</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>广东</span>
                        </li>
                        <li class="item-job">
                            <span>刘*乐</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>王*彬</span>
                            <span>专科</span>
                            <span>计算机科学与技术</span>
                            <span>汇丰**网神信息技术（北京）股份有限公司</span>
                            <span>前端开发工程师</span>
                            <span>16.9W</span>
                            <span>武汉</span>
                        </li>
                        <li class="item-job">
                            <span>李*雷</span>
                            <span>专科</span>
                            <span>软件工程</span>
                            <span>北大**网神信息技术（北京）股份有限公司</span>
                            <span>鸿蒙开发工程师</span>
                            <span>16.9W</span>
                            <span>武汉</span>
                        </li>
                        <li class="item-job">
                            <span>张*风</span>
                            <span>专科</span>
                            <span>计算机科学与技术</span>
                            <span>汇顶**网神信息技术（北京）股份有限公司</span>
                            <span>鸿蒙开发工程师</span>
                            <span>20.9W</span>
                            <span>武汉</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                        <li class="item-job">
                            <span>刘*彬</span>
                            <span>本科</span>
                            <span>机械设计制造及其自动化</span>
                            <span>奇**网神信息技术（北京）股份有限公司</span>
                            <span>网络安全工程师</span>
                            <span>16.9W</span>
                            <span>北京</span>
                        </li>
                    </ul>
                </div>

                <div class="job-footer">
                    <a class="more " href="./page/job.html" target="_blank">查看更多
                        <span class="iconfont icon-arrow-right"> </span>
                    </a>
                </div>
            </div>
        </div>
        <!-- 职创动态 -->
        <div class="development">
            <h2 class="com-title">职创动态</h2>
            <h4 class="com-subtitle">职创未来最新动态，了解职创未来实时信息汇聚</h4>
            <ul class="development-list wrapper">
                <li class="item-development">
                    <div class="layer1">

                    </div>
                    <div class="layer2">
                        <a class="more" href="./page/info.html">行业资讯 <span class="iconfont icon-arrow-right"></span>
                        </a>
                    </div>
                    <div class="layer3">
                        <ul class="news-list">
                            <li class="item-news">
                                <a
                                    href="https://mp.weixin.qq.com/s/XTM4r-eRUyEJ7joJwoMSSw"><span>01</span>计算机专业会步入土木专业后尘？</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/obmh1zFZ4cDAwbSPP_A8Cw"
                                    target="_blank"><span>02</span>2024春招半导体行业人才“入不敷出”</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/MudSTo9rHYrFGTO8QZcXcQ"
                                    target="_blank"><span>03</span>华为最大的研究中心今年在上海建……</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/Xe4lqwpLGZvxCQKsYiscLg"
                                    target="_blank"><span>04</span>2024年5月Tiobe编程语言排行来啦，</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/cst1O0DGNPLn2xzQFhtJ6g"
                                    target="_blank"><span>05</span>2024年中国独角兽排行榜：集中于新…</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="item-development">
                    <div class="layer1">

                    </div>
                    <div class="layer2">
                        <a class="more" href="./page/info.html">技术干货 <span class="iconfont icon-arrow-right"></span>
                        </a>
                    </div>
                    <div class="layer3">
                        <ul class="news-list">
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/05GnxvnHZzQsxYD_qqGt6A"
                                    target="_blank"><span>01</span>深度思考：第1篇C++学习路线（上）</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/zyqlEDapxuvxvzHABJdyJg"
                                    target="_blank"><span>02</span>深度系列：第2篇C++学习路线（下）</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/4z35XqzZIO0_efOBf4TWiw"
                                    target="_blank"><span>03</span>深度系列：第3篇C/C++开发环境</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/b4u_64wH2Wpbk0xyo2ocXw"
                                    target="_blank"><span>04</span>深度系列之C语言：第1章C语言前世</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/dVdbExMviUhXQdX-I1MMmw"
                                    target="_blank"><span>05</span>深度系列之C语言：第2章注释</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/s7sMpktvQiriLSRKn1HwCg"
                                    target="_blank"><span>06</span>深度系列之C语言：第3章标识符</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/iMYK71ihQz3fGAnphvPmqw"
                                    target="_blank"><span>07</span>深度系列之C语言：第4章关键字</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/H4yk9534StcamUUx-q1d5A"
                                    target="_blank"><span>08</span>深度系列之C语言：第5章基本数据</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="item-development">
                    <div class="layer1">

                    </div>
                    <div class="layer2">
                        <a class="more" href="./page/info.html">职创动态 <span class="iconfont icon-arrow-right"></span>
                        </a>
                    </div>
                    <div class="layer3">
                        <ul class="news-list">
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/fW_EThZyhNAkRUuawSvrTQ"
                                    target="_blank"><span>01</span>践行社会责任，培养高端数字化人才…</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/xRoGR4WF3UOx_OJBT9dKww"
                                    target="_blank"><span>02</span>共探数字行业就业趋势，深化双边合作</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/vWC5RbqIV3039i3fVfEU2Q?poc_token=HIiXgmajZRfmw4AawXl8KmAtMO_ycodexh5K7PZ6"
                                    target="_blank"><span>03</span>青春的热血遇上篮球的激情</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/F7qpThx_4bBteZSIpoZzGw"
                                    target="_blank"><span>04</span>热烈祝贺：嵌入式物联网</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/ROVDrTc7xjo1vhSKuR82Cw"
                                    target="_blank"><span>05</span>关于职创未来</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/BzDw1X6sp93F8_Q67XwRRQ"
                                    target="_blank"><span>06</span>职创未来资料下载指南</a>
                            </li>
                            <li class="item-news">
                                <a href="https://mp.weixin.qq.com/s/XOvzTB73A5Q-hbMBpnUb1Q"
                                    target="_blank"><span>07</span>号外：武汉职创未来科技有限公司教…</a>
                            </li>

                        </ul>
                    </div>
                </li>

            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="contacts wrapper">
            <h2 class="com-title">保持联系</h2>
            <h4 class="com-subtitle">如有任何疑问请联系</h4>
            <div class="detail">
                <img class="bg-detail" src="./assets/uploads/bg_contacts_detail.webp" alt="">
                <ul class="list-main">
                    <li>
                        <span class="iconfont icon-location"></span>
                        <div>
                            <h3>地址</h3>
                            <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                        </div>
                    </li>
                    <li>
                        <span class="iconfont icon-phone"></span>
                        <div>
                            <h3>致电我们</h3>
                            <p>15335890027（微信同号）<br> 13419690311（微信同号）</p>
                        </div>
                    </li>
                    <li>
                        <span class="iconfont icon-mail"></span>
                        <div>
                            <h3>Email Us</h3>
                            <p>customer@whccf.cn</p>
                        </div>
                    </li>
                </ul>
                <ul class="list-vice">
                    <li>
                        <img src="./assets/uploads/map.webp" alt="">
                    </li>
                    <li>
                        <h4>微信扫码咨询</h4>
                        <!-- 二维码 -->
                        <div class="qrcode">
                            <img src="./assets/uploads/qrcode1.webp" alt="">
                            <img src="./assets/uploads/qrcode2.webp" alt="">
                        </div>
                        <h5>官方微信：</h5>
                        <p class="account">账号：GreatManOnTheWay <br> 公众号：武汉职创未来科技有限公司</p>
                        <p class="time">周一至周日9:00-18:00</p>
                    </li>
                </ul>
            </div>
        </div>

        <div class="bottom">
            <!-- 列表 -->
            <ul class="nav">
                <li><a href="#">首页</a></li>
                <li><a href="./page/online.html" target="_blank">在线课程</a></li>
                <li><a href="./page/teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./page/student.html" target="_blank">学员风采</a></li>
                <li><a href="./page/job.html" target="_blank">就业信息</a></li>
                <li><a href="./page/info.html" target="_blank">资讯动态</a></li>
                <li><a href="./page/about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 备案文字 -->
            <p>Copyright © 2023 Tedu.cn All Rights Reserved <a
                    href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备08000853号-56</a> 鄂公网安备 11010802029508号
                武汉职创未来科技有限公司 版权所有</p>
        </div>
    </div>

    <script src="./js/bootstrap.bundle.min.js"></script>
</body>

</html>